<!-- 人员档案-人员详情(基本信息)-->
<template>
  <view class="cont u-p-b-50">
    <u-card
        :border="false"
        box-shadow="0px 0px 8px #ddd6d6"
        :body-style="{ padding: '0 20rpx' }"
        :head-style="{ padding: '28rpx 30rpx 10rpx' }"
        :head-border-bottom="false"
      >
        <view slot="head">
          <view class="card-row u-flex head">
            <u-section title="基本信息" color="#014833" font-size="32" :right="false"></u-section>
          </view>
        </view>
        <view slot="body">
          <view class="card-row u-p-t-10">
            <scroll-view :scroll-y="true" class="container item one">
              <view class="container-body u-flex">
                <view class="body-card">
                  <view class="u-flex u-m-b-20" v-for="(item,index) in list" :key="index">
                    <view class="u-p-r-20 tit">{{ item.name }}</view>
                    <view class="txt">{{ dataMsg[item.msg] }}</view>
                  </view>
                  <view class="header">
                    <!-- 头像 -->
                    <u-image mode="aspectFit" width="214rpx" height="218rpx" src="/static/image/workbench/practitioner/default-head.png"></u-image>
                  </view>
                </view>
              </view>
            </scroll-view>
            
          </view>
        </view>
      </u-card>
  </view>
</template>
<script>
  export default {
    props: {
      dataMsg: Object,
    },
    data() {
      return {
        list:[
          {
            name:'姓\xa0\xa0\xa0\xa0\xa0\xa0\xa0名',
            msg:'name'
          },
          {
            name:'工作部门',
            msg:'workDepartment'
          },
          {
            name:'政治面貌',
            msg:'politicalStatus'
          },
          {
            name:'性\xa0\xa0\xa0\xa0\xa0\xa0\xa0别',
            msg:'gender'
          },
          {
            name:'工种类别',
            msg:'workTypeCategory'
          },
          {
            name:'职\xa0\xa0\xa0\xa0\xa0\xa0\xa0称',
            msg:'technicalTitle'
          },
          {
            name:'身份证号',
            msg:'idNumber'
          },
          {
            name:'工\xa0\xa0\xa0\xa0\xa0\xa0\xa0种',
            msg:'workType'
          },
          {
            name:'培训合格证号',
            msg:'trainingCertificateNo'
          },
          {
            name:'手机号码',
            msg:'contactPhone'
          },
          {
            name:'职\xa0\xa0\xa0\xa0\xa0\xa0\xa0务',
            msg:'postName'
          },
          {
            name:'下井人员',
            msg:'isMineWork'
          },
          {
            name:'出生日期',
            msg:'birthday'
          },
          {
            name:'民\xa0\xa0\xa0\xa0\xa0\xa0\xa0族',
            msg:'national'
          },
          {
            name:'从业日期',
            msg:'practiseDate'
          },
          {
            name:'籍\xa0\xa0\xa0\xa0\xa0\xa0\xa0贯',
            msg:'nativePlace'
          },
          {
            name:'婚姻状况',
            msg:'maritalStatus'
          },
          {
            name:'入职日期',
            msg:'entryDate'
          },
          {
            name:'家庭联系人',
            msg:'familyContact'
          },
          {
            name:'联系人电话',
            msg:'familyPhone'
          },
          {
            name:'离职日期',
            msg:'quitDate'
          },
          {
            name:'地\xa0\xa0\xa0\xa0\xa0\xa0\xa0址',
            msg:'familyAddress'
          },
        ],
      };
	  },
    methods:{

    }
  }
</script>
<style lang="scss" scoped>
  .cont{
		height: 100%;
		overflow: auto;
	}
  .head{
    padding-bottom: 24rpx;
    border-bottom:  2rpx solid #F6F6F6;
  }
  .body-card{
    position: relative;
    width: 100%;
    .txt{
      color: #666;
    }
    .tit{
      color: #333;
    }
    .header{
      background: #F5F7FA;
      width: 240rpx;
      height: 240rpx;
      border-radius: 8rpx;
      position: absolute;
      right: 0;
      top: 0;
      /deep/ .u-image__image{
        margin-top: 24rpx;
        margin-left: 12rpx;
      }
    }
    
  }
</style>